<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="./Week 2 practice.css">
    <link rel="stylesheet" href="./font_2745016_d2f59s8b2vv/iconfont.css">
    <script src="./font_2745976_zoa1u5wn5a/iconfont.js"></script>
</head>
<body>
    <div id="box">
        <header>
            <div id="top">
                <div id="top-left">
                    <div>
                        <div class="photo1">
                            <a href="">
                                <img src="./img/tem-toll.png" alt="">
                            </a>
                        </div>
                        <div class="photo2">
                            <a href=""><img src="./img/logo.png" alt=""></a>
                        </div>
                    </div>
                </div>
                <div id="top-right">
                    <input value="请输入搜索关键词！">
                    <div>
                        <img src="./img/serach.png" alt="">
                    </div>
                </div>
            </div>
        </header>
        <div id="navigation">
            <nav>
                <a href="">网站首页</a>
                <div class="underline1"></div>
                <a href="">关于我们 &gt;
                    <div class="underline2"></div>
                    <div class="pull-down">
                        <div>公司简介</div>
                        <div>智能理念</div>
                    </div>
                </a>
                <a href="">产品中心 &gt;
                    <div class="underline3"></div>
                    <div class="pull-down1">
                        <div>智能窗帘电机</div>
                        <div>空调伴侣/网关</div>
                        <div>智能家居套装</div>
                        <div>各种传感器</div>
                    </div>
                </a>
                <a href="">解决方案 &gt;
                    <div class="underline4"></div>
                    <div class="pull-down1">
                        <div>住宅</div>
                        <div>酒店</div>
                        <div>写字楼</div>
                        <div>养老健康</div>
                    </div>
                </a>
                <a href="">新闻中心 &gt;
                    <div class="underline5"></div>
                    <div class="pull-down">
                        <div>公司新闻</div>
                        <div>常见问题</div>
                    </div>
                </a>
                <a href="">联系我们 &gt;
                    <div class="underline6"></div>
                    <div class="pull-down">
                        <div>加盟代理</div>
                        <div>在线代购</div>
                    </div>
                </a>
            </nav>
        </div>
        <div id="slideshow">
            <div class="slideshow">
                <div class="slideshow1"></div>
                <div class="slideshow2"></div>
            </div>
        </div>
        <!-- 轮播图下面 -->
        <section>
            <p>智能四大优势</p>
            <p>智能家居行业实力品牌</p>
            <div id="four-advantage">
                <div class="four-advantage">
                    <img src="./img/tu1.jpg">
                    <a href="">品牌优势</a>
                </div>
                <div class="four-advantage">
                    <img src="./img/tu2.jpg">
                    <a href="">产品优势</a>
                </div>
                <div class="four-advantage">
                    <img src="./img/tu3.jpg">
                    <a href="">系统优势</a>
                </div>
                <div class="four-advantage">
                    <img src="./img/tu4.jpg">
                    <a href="">技术优势</a>
                </div>
            </div>
        </section>
        <!-- 产品展示 -->
        <div id="product-display">
            <p>产品展示</p>
            <p></p>
            <div id="display-top">
                <div class="display-top">
                    <a href="" class="display-a">全部
                        <div class="display-top1"></div>
                    </a>
                </div>
                <div class="display-top">
                    <a href="" class="display-a">智能窗帘电机
                        <div class="display-top2"></div>
                    </a>
                </div>
                <div class="display-top">
                    <a href="" class="display-a">空调伴侣/网关
                        <div class="display-top3"></div>
                    </a>
                </div>
                <div class="display-top">
                    <a href="" class="display-a">智能家居套装
                        <div class="display-top4"></div>
                    </a>
                </div>
                <div class="display-top">
                    <a href="" class="display-a">各种传感器
                        <div class="display-top5"></div>
                    </a>
                </div>
            </div>
            <div id="display-bottom">
                <div class="display-bottom1">
                    <div></div>
                    <div><a href="">智能窗帘电机</a></div>
                    <div>智能电机窗帘电机 智能语音操控开...</div>
                    <div></div>
                    <div class="hidden"></div>
                    
                </div>
                <div class="display-bottom2">
                    <div></div>
                    <div><a href="">空调伴侣网关插座</a></div>
                    <div>空调伴侣多功能网关插座 天猫精灵...</div>
                    <div></div>
                    <div class="hidden"></div>
                </div>
                <div class="display-bottom3">
                    <div></div>
                    <div><a href="">苹果homekit网关</a></div>
                    <div>苹果Homekit多功能智能家居控制...</div>
                    <div></div>
                    <div class="hidden"></div>
                </div>
                <a href="" class="display-bottom4"><span>&gt;</span></a>
                <a href="" class="display-bottom5"><span>&lt;</span></a>
            </div>
        </div>
        <!-- 关于我们 -->
        <div id="about-us">
            <p>关于我们</p>
            <p></p>
            <p>ABOUT US</p>
            <div class="about-us">
                <div class="about-us1">
                    <p>10年深耕全宅无线智能家居，10000+住宅别墅区智慧酒店落地项目</p>
                    <p>
                        公司是一家专注于为每个家庭系统化实施智能家居的企业。 专注于无线智能硬件、
                        终端智能锁、智能服务器、智能应用软件、云服务管理平台的研发， 对家庭生活
                        和客户需求的深刻理解，其智能硬件及解决方案在行业内瞩目。 十大功能板块，
                        近百种智能单品，覆盖全系解决方案所需产品。 国内较全应用方案含智能照明，
                        智能门窗，智慧安防，家庭安全， 环境监测与智能调节等等10大系统，22个子
                        系统，打造全宅智能平台级供应商
                    </p>
                    <a href="">MORE &gt;</a>
                </div>
                <div class="about-us2">
                </div>
            </div>
        </div>
        <!-- 热点新闻 -->
        <div id="news">
            <p>热点新闻</p>
            <div id="news1">
                <a href="">&lt;</a>
                <a href="">&gt;</a>
            </div>
            <div id="news2">
                <div class="news1">
                    <a href="">
                        <div></div>
                        <div>
                            <p>
                                新房装修不了要安装开关插座，那么开关插座有
                                什么要注意的禁忌吗？下面为你介绍两种常见开关插座...
                            </p>
                            <p>
                                发布时间&nbsp; | &nbsp;2021-8-15&nbsp;&nbsp;
                                <span><img src="./img/eye.png"></span> &nbsp;300
                            </p>
                            <p>多联互动开关装修技巧</p>
                        </div>
                    </a>
                </div>
                <div class="news2">
                    <a href="">
                        <div></div>
                        <div>
                            <p>
                                新房装修不了要安装开关插座，那么开关插座有
                                什么要注意的禁忌吗？下面为你介绍两种常见开关插座...
                            </p>
                            <p>
                                发布时间&nbsp; | &nbsp;2021-8-15&nbsp;&nbsp;
                                <span><img src="./img/eye.png"></span> &nbsp;985
                            </p>
                            <p>多联互动开关装修技巧</p>
                        </div>
                    </a>
                </div>
                <div class="news3">
                    <a href="">
                        <div></div>
                        <div>
                            <p>
                                新房装修不了要安装开关插座，那么开关插座有
                                什么要注意的禁忌吗？下面为你介绍两种常见开关插座...
                            </p>
                            <p>
                                发布时间&nbsp; | &nbsp;2021-8-15&nbsp;&nbsp;
                                <span><img src="./img/eye.png"></span> &nbsp;211
                            </p>
                            <p>多联互动开关装修技巧</p>
                        </div>
                    </a>
                </div>
                <div class="news4">
                    <a href="">
                        <div></div>
                        <div>
                            <p>
                                新房装修不了要安装开关插座，那么开关插座有
                                什么要注意的禁忌吗？下面为你介绍两种常见开关插座...
                            </p>
                            <p>
                                发布时间&nbsp; | &nbsp;2021-8-15&nbsp;&nbsp;
                                <span><img src="./img/eye.png"></span> &nbsp;857
                            </p>
                            <p>多联互动开关装修技巧</p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!-- 下面导航栏 -->
        <div id="navigations">
            <div class="navigations">
                <div class="navigations-left">
                    <a href="">关于我们</a>
                    <a href="">产品中心</a>
                    <a href="">解决方案</a>
                    <a href="">新闻中心</a>
                    <a href="">联系我们</a>
                </div>
                <div class="navigations-right">
                    <a href="">
                        <img src="./img/weixin.png">
                        <img src="./img/weibo.png">
                        <img src="./img/QQ.png">
                        <img src="./img/phone.png">
                        <span>000-0000-000</span>
                    </a>
                </div>
            </div>
        </div>
        <footer>
            <p>我的网站 &nbsp;版权所有 &nbsp;2008-2018 &nbsp;湘ICP备8888888</p>
            <p>本站涵盖的内容、图片、视频等模板演示数据，部分未能与原作者取得联系。
                若涉及版权问题，请及时通知我们并提供相关证明材料，
                我们将支付合理报酬或立即予以删除！
            </p>
            <p>版权声明：本站涵盖的版面设计，html、css、js代码等
                为权利所有人所有，盗版、翻版必究其法律责任。
            </p>
            <p>Powered by <a href=""> MetInfo 7.3.0 </a>
                ©2008-2021 <a href=""> mituo.cn</a>
            </p>
        </footer>
    </div>
</body>
</html>